<template>
  <div>
    <a-modal v-model="dialogVisible"
             title="发票明细"
             class="form1"
             width="496px"
             :footer="null"
             :dialog-style="{ top: '25vh' }"
             @ok="handleOk()"
             @cancel="handleOk()">
      <div class="box">
        <p>开票金额：<span style="color
        @activeRed;font-size:14px">3000.00</span></p>
        <p>发票编码：<span>LW2323QSER202108</span></p>
        <p>开票日期：<span>2021.12.23 12:30</span></p>
      </div>
    </a-modal>
  </div>
</template>
<script>
export default {
  props: {
    visible: {
      type: Boolean,
      default: false
    },
  },
  data () {
    return {
      dialogVisible: false,

    }
  },
  methods: {
    getList (row) {
      console.log(row);
      this.$store.dispatch('request', this.$api.sellerCenter.serviceFeeMoney(row.id)).then(res => {
        console.log(res);
      })

    },
    afterVisibleChange (val) {

    },
    handleOk () {
      this.dialogVisible = false
      this.$emit('cancel', 123);
    },
  },
  watch: {
    visible (newVal) {
      this.dialogVisible = newVal;
    }
  }
}
</script>
<style lang="less" scoped>
.box {
  > p {
    font-size: 14px;
    color: @newColorGreyFont;
    position: relative;
    > span {
      color: @newColorGreyFontM;
    }
    > img {
      width: 200px;
      height: 200px;
      background: pink;
      position: absolute;
    }
  }
}
</style>